<template>
  <div>
    <h2>详情</h2>
    <div>{{ id }}</div>
    <div>{{ title }}</div>
  </div>
</template>

<script>
export default {
  name: "Detail",
  computed: {
    id() {
      return this.$route.query.id;
    },
    title() {
      return this.$route.query.title;
    },
  },
  mounted() {
    console.log(this.$route);
  },
};
</script>

<style>
</style>